Pengantar

Selamat, akhirnya Anda telah sampai di penghujung pembelajaran. Anda telah mempelajari

• dasar HTML (dapat dipelajari mulai dari modul Pengenalan ke HTML),
• penerapan elemen semantic (dapat dipelajari mulai dari modul Semantic HTML - Mengorganisasikan Halaman Konten),
• menerapkan styling menggunakan CSS (dapat dipelajari mulai dari modul Pengenalan ke Styling); dan
• layouting menggunakan float ataupun flexbox (dapat dipelajari mulai dari modul Floating).

Anda juga sudah mengerjakan semua latihan yang diberikan pada kelas ini.

Untuk bisa lulus dan mendapatkan sertifikat dari akademi ini, Anda harus mengerjakan tugas Halaman Website sesuai kriteria lengkap di bawah. Tim reviewer akan memeriksa pekerjaan Anda dan memberikan review pada proyek yang Anda buat.

Kriteria

Kriteria Submission

Berikut kriteria submission yang harus Anda penuhi:

• Terdapat elemen <header>, <footer>, <main>, <article>, dan <aside> di berkas HTML.
• Masing-masing elemen wajib berisi konten yang peruntukkannya sesuai dengan elemen tersebut (menerapkan konsep semantic HTML dalam menyusun struktur website).
  Sebagai contoh: Header berisi judul dan navigation. Sedangkan konten artikel tidak boleh berada pada Header.
• Wajib menampilkan identitas diri (biodata diri) yang minimal harus berisi foto asli diri dan nama sesuai profil Dicoding. Identitas diri wajib ditampilkan dalam elemen <aside>.
• Menyusun layout dengan menggunakan float atau flexbox.
  
• Tema yang ditampilkan bebas, kecuali tema Bandung.
• Semakin detail dan lengkap website Anda maka nilai submission bisa lebih tinggi.

Berikut sketsa dari struktur website yang bisa dijadikan referensi untuk mengerjakan submission, namun tidak diwajibkan asalkan memenuhi kriteria submission:

Penilaian

Submission Anda akan dinilai oleh reviewer dengan skala 1-5 berdasarkan dari parameter yang ada. Anda dapat menerapkan beberapa saran untuk mendapatkan nilai tinggi, berikut sarannya:

• Menerapkan tampilan aplikasi yang menarik:
  • Memiliki pemilihan warna yang pas dengan tema aplikasi (Dalam memilih warna, Anda dapat memanfaatkan tools pemilihan warna seperti colorhunt.co).
  • Tata letak elemen yang pas.
    Contoh : Tidak ada konten yang bertumpuk.
  • Penggunaan font yang pas dengan tema.
  • Penerapan padding dan margin yang pas.
    
    
• Menerapkan layout yang responsif: 
  • Menggunakan media query untuk menyesuaikan layout pada berbagai ukuran layar device.
    Pastikan untuk tidak terdapat konten yang menumpuk maupun keluar dari kontainer ketika dicoba pada dekstop, tablet, dan juga mobile.
  • Menerapkan flexbox dalam menyusun layout.
    
    
• Terdapat penerapan JavaScript dalam memanipulasi DOM, seperti: (pilih satu)
  • Membuat drop down.
  • Memanfaatkan logika seperti looping dalam menampilkan elemen dan konten.
  • Membuat slider.
  • dan lainnya yang mendukung tampilan website agar lebih hidup.

Detail penilaian submission:

• Bintang 1 : Semua ketentuan terpenuhi, namun terdapat indikasi plagiat yaitu dengan menggunakan proyek orang lain dan hanya mengubah kontennya saja.
• Bintang 2 : Semua ketentuan terpenuhi, namun terdapat kekurangan pada tampilan website. Seperti tidak menerapkan responsibilitas, kombinasi warna tidak tepat, dsb.
• Bintang 3 : Semua ketentuan terpenuhi, namun hanya mengikuti apa yang ada pada modul.
• Bintang 4 : Semua ketentuan terpenuhi dan menerapkan minimal salah satu saran di atas.
• Bintang 5 : Semua ketentuan terpenuhi dan menerapkan semua saran di atas.

Lainnya

Submission yang Tidak Sesuai Kriteria

Jika submission Anda tidak sesuai dengan kriteria, maka akan ditolak oleh reviewer, berikut poin-poinnya:

• Tidak memenuhi kriteria yang sudah ditentukan.
• Menggunakan library Bootstrap, Materialize, Foundation, ataupun library lain yang semacamnya untuk menyusun layout.
• Menggunakan template project yang didapat selain dari latihan Dicoding.
• Menggunakan tema mengenai Kota Bandung, maupun mengirimkan ulang beberapa project yang dipelajari pada modul latihan
• Informasi yang ditampilkan tidak relevan. Salah satu contohnya adalah menggunakan text placeholder seperti lorem ipsum sebagai konten dari web yang dibuat.

Gambaran Submission

1. Contoh submission dengan nilai yang baik.

2. Contoh submission dengan kriteria minimal.

Ketentuan Berkas Submission

Beberapa poin yang perlu diperhatikan ketika mengirimkan berkas submission:

• Mengirimkan proyek Submission dalam bentuk folder Proyek, yang diarsipkan dalam format ZIP.
• Di dalam folder proyek tersebut terdiri dari HTML, CSS, JS, dan aset yang digunakan dalam halaman web yang Anda buat. Jika tidak lengkap maka proyek Submission akan ditolak.

Ketentuan Proses Review

Beberapa hal yang perlu Anda ketahui mengenai proses review:

• Tim reviewer akan mengulas submission Anda dalam waktu selambatnya 3 (tiga) hari kerja (tidak termasuk Sabtu, Minggu, dan hari libur nasional).
• Tidak disarankan untuk melakukan submit berkali-kali karena akan memperlama proses penilaian.

• Anda akan mendapatkan notifikasi hasil review submission via email. Status submission juga bisa dilihat dengan mengecek di halaman submission.

Video Pengiriman Submission

Simak cara untuk mengirimkan proyek submission pada video ini: